$(function () {
    window.onload = function () {
        var productId;
        var categoryid;
        var Id = window.location.search;
        if (Id.indexOf("?") != -1) {
            productId = Id.substr(Id.indexOf("=") + 1);
        }
        var specialParam;
        var wpParam;
        var wparr = [];
        var isclick = true;
        // 动态生成网友评论
        $.ajax({
            url: "http://193.112.55.79:9090/api/getproductcom",
            data: { "productid": productId },
            dataType: "json",
            beforeSend: function name(params) {

            },
            success: function (res) {
                wpParam = res;
                // console.log(res);
                // console.log(res.result.length);  
                // console.log(666);

                if (res.result.length > 3) {
                    // console.log(666);
                    // console.log(res.result); 
                    for (var k = res.result.length; k > 3; k--) {
                        // console.log(1);
                        wparr.push(res.result.pop())
                        // console.log(wparr);
                    }


                }

            }
        });
        // 动态生成主体
        setTimeout(() => {
            $.ajax({
                url: "http://193.112.55.79:9090/api/getproduct",
                data: { "productid": productId },
                dataType: "json",
                beforeSend: function () {
                    $(".shade").css({
                        "display": "block"
                    })
                },
                success: function (res) {
                    // console.log(res);
                    specialParam = res;
                    categoryid = res.result[0].categoryId;
                    //  console.log(categoryid);
                    //  $(".detalsMain").html(res.result[0].productImg);
                    //  $(".detalsMain").append(res.result[0].bjShop);
                    var mainhtml = template("detailsbody", { res, wpParam });
                    //  console.log(wpParam);
                    $(".detalsMain").html(mainhtml);
                    $(".morepl").on("tap", function () {
                        if (isclick) {
                            isclick = false;
                            var wphtml = template("wpMain", { "items": wparr });
                            $(".wangping").append(wphtml);
                        }
                    })
                },
                complete: function () {
                    setTimeout(() => {
                        $(".shade").css({
                            "display": "none"
                        })
                    }, 200);
                },
                error: function () {
                    $(".tipes").css({
                        "display": "block"
                    })
                }
            });

        }, 800);
        // 渲染筛选栏
        setTimeout(() => {
            $.ajax({
                url: "http://193.112.55.79:9090/api/getcategorybyid",
                data: {
                    "categoryid": categoryid
                },
                dataType: "json",
                success: function (res) {
                    // console.log(res);
                    
                    var categoryName = template("screentop", { res, specialParam })
                    $(".leftScreen").append(categoryName)
                },
                error: function () {
                    $(".tipes").css({
                        "display": "block"
                    })
                }
                
            });
        }, 1000);
    }

})